/* frame.css */
html, body{ width: 100%; height: 100%; overflow: hidden; background-image: url(frame/body_bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #9bc2ed;}
.frame{ position: absolute; _zoom: 1; overflow: hidden;}
#frame_top{ left: 0; right: 0; height: 65px;}
#frame_top{ background-color: #f8f9fe; background-repeat: repeat-x; background-image: url(frame/top_bg.gif);}
#frame_left{ top: 71px; left: 5px; bottom: 26px; width: 195px; /*border-width: 1px; border-style: solid;*/  overflow: hidden;}
#frame_left{ /*border-color: #8eb0de;*/  background-repeat: repeat-y; background-position: right; background-image: url(frame/left_gb.gif); background-color: #f8f9fe;}
#frame_main{ top: 71px; left: 207px; bottom: 26px; right: 5px; border-width: 1px; border-style: solid;}
#frame_main{ background-color: #f8f9fe; border-color: #8eb0de;}
#frame_foot{ bottom: 0; left: 0; right: 0; height: 26px;}
#frame_foot{}
.slider{ position: absolute; font-size: 1px; line-height: 1px; _zoom: 1; overflow: hidden;}
.slider_horizontal{ left: 0; right: 0; height: 6px;}
.slider_vertical{ top: 71px; bottom: 26px; width: 5px;}
#slider_top{ top: 65px;}
#slider_left{ left: 0;}
#slider_center{ left: 202px; width: 5px;}
#slider_right{ right: 0;}
#slider_bottom{ bottom: 20px;}
#slider_left, #slider_right, #slider_bottom{ display: none;}
.slider_vertical{ background-color: #9bc2ed;}
#slider_top{ background: #9bc2ed url(frame/top_bg.gif) repeat-x; background-position: bottom;}
#slider_center{ background-image: url(frame/slider_center_bg.gif); background-repeat: repeat-x; background-position: bottom; background-color: #9bc2ed;}
#slider_center #sbtn{ position: absolute; top: 50%; margin-top: -20px; width: 5px; height: 17px; cursor: e-resize; background-image: url(frame/slider_center_btn.gif); background-repeat: no-repeat; background-position: 1px;}

/* button.css */
.button{ padding: 0;margin: 0;margin-right: 12px; display: inline-block; *display: inline; height: 22px;padding-right: 15px; border-style: none;border-width: 0; border-collapse: separate; border-color  : transparent; border-spacing: 0; border-style: none; background-color: transparent; background-image:url(button/button.gif); background-repeat: no-repeat; cursor: default;}
.button span{ padding: 0;margin: 0; display: inline-block; height: 22px;padding-left: 15px; line-height: 22px;font-size: 12px; background-color: Transparent; background-image:url(button/button.gif); background-repeat: no-repeat;}
.button span{ -webkit-user-select: none;/* webkit (safari, chrome) browsers */  -moz-user-select: none;/* mozilla browsers */  -khtml-user-select: none;/* webkit (konqueror) browsers */}
.button{ background-position: right -66px;}
.button span{ background-position: left -44px;}
.button:disabled{ background-position: right -22px;}
.button:disabled span{ background-position: left top;}
.button.hover{ background-position: right -110px;}
.button.hover span{ background-position: left -88px;}
.button.down{ background-position: right -154px;}
.button.down span{ background-position: left -132px;}

/* accordion.css */
/** style **/.accordion{ overflow: hidden; background-image: url(accordion/content_bg.gif); background-repeat: repeat-y; background-position: right; background-color: #f8f9fe; border: 1px solid #8eb0de;}
.accordion_title { cursor: pointer; display:block; height: 24px; line-height: 24px;padding-left: 20px; border-bottom: 1px solid #8db2e3; font-size: 12px; text-decoration: none; color: black; text-indent: 5px; background-image: url(accordion/title_bg.gif); background-color: #d9e7f8; background-repeat: repeat-x; }
.accordion_title.active{ border-bottom: 1px solid #78A3D2;}
.accordion_title .picon { position: absolute;margin-left: -15px;margin-top: 4px;#margin-top: 0px;_margin-top: 0px;}
.accordion_title span.refresh{ float: right; display: block; margin-right: 2px;margin-top: 4px; width: 15px;height: 15px; background-image: url(accordion/btn_refresh.gif); background-repeat: no-repeat; position: relative; #margin-top: -17px;_margin-top: -17px; visibility: hidden;}
.accordion_title.active span.refresh{ visibility: visible;}
.accordion_title span.title{ padding-left: 5px;}
a.accordion_title:hover { color: #f60;}
.accordion_content{ overflow-y: auto;}
.accordion div.loading{ margin: 20px 50px;}
.accordion div.loading img{ vertical-align: middle;}
.accordion div.loading span{ display: none;}
.accordion div.error{ margin: 20px 50px; color: #999;}

/* tree.css */
img.treeline{ width: 19px;height: 20px; margin-left:2px;margin-right:2px; background-image: url(tree/line.gif); background-repeat: no-repeat;}
img.treeline_Dash {background-position: 0 0;}
img.treeline_Dashminus {background-position: -19px 0;}
img.treeline_Dashplus {background-position: -38px 0;}
img.treeline_I {background-position: -57px 0;}
img.treeline_L {background-position: 0 -20px;}
img.treeline_Lminus {background-position: -19px -20px;}
img.treeline_Lplus {background-position: -38px -20px;}
img.treeline_Minus {background-position: -57px -20px;}
img.treeline_noexpand {background-position: 0 -40px;}
img.treeline_Plus {background-position: -19px -40px;}
img.treeline_R {background-position: -38px -40px;}
img.treeline_Rminus {background-position: -57px -40px;}
img.treeline_Rplus {background-position: 0 -60px;}
img.treeline_T {background-position: -19px -60px;}
img.treeline_Tminus {background-position: -38px -60px;}
img.treeline_Tplus {background-position: -57px -60px;}
img.treeline_sw{ cursor: pointer;}
.tree {}
.tree ul, .tree li{ list-style-type: none; margin: 0;padding: 0;}
.tree div { height: 20px;line-height: 20px;padding-left: 10px;}
.tree div a, .tree div span, .tree div img { vertical-align: middle;}
.tree img {margin: 0;}
.tree img.picon{ margin-right: 2px;}
.tree a{ font-size: 12px; text-decoration: none; color: #069; vertical-align: bottom; margin-left: 2px;}
.tree a:hover{ color:#f60;font-weight:bold}

/* tab.css */
.tabs_title{ height: 27px; z-index: 2; line-height: 25px;}
.tabs_title ul{ position: absolute; margin-top: 2px; margin-left: 4px; white-space: nowrap;}
.tabs_title li{ display: inline; height: 25px; float: left; margin-right: 3px;}
.tabs_title li a{ display: inline-block; text-decoration: none;}
.tabs_title li a span{ display: inline-block; height: 25px; padding-left: 14px; padding-right: 19px; margin-left: 5px; cursor: pointer;}
.tabs_title li a{ background-repeat: no-repeat; background-position: left top;}
.tabs_title li a span{ background-repeat: no-repeat; background-position: right top;}
.tabs_title li a:hover{ background-position: left center;}
.tabs_title li a:hover span{ background-position: right center;}
.tabs_title li.curr a{ background-position: left bottom;}
.tabs_title li.curr a span{ background-position: right bottom;}
.tabs_title{ background-image: url(tab/main_bg.gif); background-repeat: repeat-x;}
.tabs_title li a span{ color: #5e81d1;}
.tabs_title li a:hover span{ color: #4142b3;}
.tabs_title li.curr a{ color: #1561c6;}
.tabs_title li a{ background-image: url(tab/main_m3_link_bg.gif); background-repeat: no-repeat; background-position: left top;}
.tabs_title li a span{ background-image: url(tab/main_m3_link_bg.gif); background-repeat: no-repeat; background-position: right top;}
.tabs_content{ background-color: #d9e7f8; background-repeat: repeat-x; background-image: url(tab/main_item_bg.gif); overflow: hidden;}

/* hbox.css */
/* home box */.home_box{ display: inline-block; float:left ; margin-bottom: 10px; border: 1px solid #8DB2E3;border-bottom-color: #fff;border-right-color: #fff;}
.home_box .home_box_wap{ border-bottom: 1px solid #8DB2E3;border-right: 1px solid #8DB2E3; background-color: #F8F9FE;}
/* home box title */.home_box .home_box_title{ background-repeat: repeat-x; background-color: #DCE6F3; height: 22px;line-height: 22px; border-bottom: 1px solid #8DB2E3;color: #006699;}
.home_box .home_box_title{ background-image: url(hbox/home_box_title.gif);}
.home_box .home_box_title img{ width: 16px;height: 16px;margin-left: 4px;}
.home_box .home_box_title img, .home_box .home_box_title a, .home_box .home_box_title span{ vertical-align:middle;display:inline-block;}
/* home box detail */.home_box .home_box_detail{ min-height: 10px;}
.home_box .home_box_detail img.loading{ margin: 20px;}
/* home box btns */.home_box_btns { float: right;padding-right: 6px;}
.home_box_btns a { color: #006699;}
.home_box_btns a img{ }
.home_box_btns a span{}
/* home box size */.home_box_long, .home_box_full{}
.home_box_long, .home_box_elong{}
.home_box_short, .home_box_eshort { float: right;}
div.home_box_long { margin-right: 335px;}
div.home_box_elong{ margin-right: 156px;}
div.home_box_short { width: 319px;}
div.home_box_eshort { width: 140px;}
.home_box { margin-left: 9px;}
.home_box_customer { float: left;display: inline-block;}
  .home_box_text { line-height: 180%; padding: 5px; }
  .home_box_text a { color: Blue; }
  .home_box_text a:hover { color: Red; }
  .home_box_text p { text-indent: 2em; }
  .home_box_text pre { border: 1px dashed #ccc; background-color: #f2f7ff; padding: 5px; }
  .home_box_text ol { margin-left: 25px; }
  .home_box_text ol li { list-style-type: decimal; }
  .home_box_text ol li ol li { list-style-type: lower-alpha; }

/* bicon.css */
.bicon ul { margin-top: 10px;}
.bicon li { width: 80px;height: 70px;overflow: hidden;float: left;display: inline-block;text-align: center;}
.bicon li a{}
.bicon li a:hover img{ opacity: 0.8; filter: alpha(opacity = 80);}
.bicon li a:hover span{ color: #666;}
.bicon li img{ margin-left: auto;margin-right: auto;width: 32px;height: 32px;border: 1px solid #f5f5f5; opacity: 1; filter: alpha(opacity = 100);}
.bicon li span { color: #000; display: block;margin-top: 5px;}

/* box.css */
.box {position: absolute;z-index: 200;display: inline-block;}
.box_title {margin: 0px 6px 0 6px;height: 22px;padding-top: 6px;line-height: 22px;overflow: hidden;}
.box_container {margin: 0 6px 6px 6px;}
.box_bg {position: absolute;}
.box_bg td {line-height: 1px;font-size: 1px;}
  /* corner common */.box_rounded {z-index: -2;margin: 2px;table-layout: fixed;}
/* corner top */.box_rounded td.top_left { width: 4px;height: 26px; background-position: left -30px;background-repeat: no-repeat;}
.box_rounded td.top_center { height: 26px; background-position: top;background-repeat: repeat-x;}
.box_rounded td.top_right { width: 4px;height: 26px; background-position: right -30px;background-repeat: no-repeat;}
/* corner middle */.box_rounded td.mid_left { width: 4px; background-position: left -56px;background-repeat: repeat-y;}
.box_rounded td.mid_center { background-image: none;}
.box_rounded td.mid_right { width: 4px; background-position: right -56px;background-repeat: repeat-y;}
/* corner bottom */.box_rounded td.bot_left { width: 4px;height: 4px; background-position: left bottom;background-repeat: no-repeat;}
.box_rounded td.bot_center { height: 4px; background-position: left -26px;background-repeat: repeat-x;}
.box_rounded td.bot_right { width: 4px;height: 4px; background-position: right bottom;background-repeat: no-repeat;}
/* corner style */.box_rounded td {background-image: url(box/bg_solid.gif);}
.box_rounded td.top {background-color: #8fbdee;}
.box_rounded td.mid, .box_rounded td.bot {background-color: #dfe8f6;}
/* shadow common */.box_shadow {z-index: -3;}
/* shadow top */.box_shadow td.top_left { width: 6px;height: 6px; background-position: left -12px;background-repeat: no-repeat;}
.box_shadow td.top_center { height: 6px; background-position: top;background-repeat: repeat-x;}
.box_shadow td.top_right { width: 6px;height: 6px; background-position: right -12px;background-repeat: no-repeat;}
/* shadow middle */.box_shadow td.mid_left { width: 6px; background-position: left -18px;background-repeat: repeat-y;}
.box_shadow td.mid_center { background-image: none;}
.box_shadow td.mid_right { width: 6px; background-position: right -18px;background-repeat: repeat-y;}
/* shadow bottom */.box_shadow td.bot_left { width: 6px;height: 6px; background-position: left bottom;background-repeat: no-repeat;}
.box_shadow td.bot_center { height: 6px; background-position: left -6px;background-repeat: repeat-x;}
.box_shadow td.bot_right { width: 6px;height: 6px;background-position: right bottom;background-repeat: no-repeat;}
/* shadow style */.box_shadow td {background-image: url(box/bg_shadow.png);}
/* state moving */.box_move .box_shadow, .box_move .box_title, .box_move .box_container {visibility: hidden;}
/* top icons */.box_title .btn { width: 15px;height: 15px; background-repeat: no-repeat; background-image:url(box/icons.gif);}
.box_title .btn_close {background-position:0 0;}
.box_title .btn_close_over {background-position:-15px 0;}
.box_title .btn_minimize {background-position:0 -15px;}
.box_title .btn_minimize_getTreeLineover {background-position:-15px -15px;}
.box_title .btn_maximize {background-position:0 -30px;}
.box_title .btn_maximize_getTreeLineover {background-position:-15px -30px;}
.box_title .btn_restore {background-position:0 -45px;}
.box_title .btn_restore_getTreeLineover {background-position:-15px -45px;}
.box_title .btn_gear {background-position:0 -90px;}
.box_title .btn_gear_getTreeLineover {background-position:-15px -90px;}
.box_title .btn_pin {background-position:0 -135px;}
.box_title .btn_pin_over {background-position:-15px -135px;}
.box_title .btn_unpin {background-position:0 -150px;}
.box_title .btn_unpin_over {background-position:-15px -150px;}
.box_title .btn_right {background-position:0 -165px;}
.box_title .btn_right_over {background-position:-15px -165px;}
.box_title .btn_left {background-position:0 -180px;}
.box_title .btn_left_over {background-position:-15px -180px;}
.box_title .btn_up {background-position:0 -210px;}
.box_title .btn_up_over {background-position:-15px -210px;}
.box_title .btn_down {background-position:0 -195px;}
.box_title .btn_down_over {background-position:-15px -195px;}
.box_title .btn_refresh {background-position:0 -225px;}
.box_title .btn_refresh_over {background-position:-15px -225px;}
.box_title .btn_minus {background-position:0 -255px;}
.box_title .btn_minus_over {background-position:-15px -255px;}
.box_title .btn_plus {background-position:0 -240px;}
.box_title .btn_plus_over {background-position:-15px -240px;}
.box_title .btn_search {background-position:0 -270px;}
.box_title .btn_search_over {background-position:-15px -270px;}
.box_title .btn_save {background-position:0 -285px;}
.box_title .btn_save_over {background-position:-15px -285px;}
.box_title .btn_help {background-position:0 -300px;}
.box_title .btn_help_over {background-position:-15px -300px;}
.box_title .btn_print {background-position:0 -315px;}
.box_title .btn_print_over {background-position:-15px -315px;}
.box_title span.title{ position: absolute; margin-left: 2px; margin-top: -3px; color: White;}
.box_title .btn { float: right;margin-left: 2px; cursor: pointer;}
.box_container div.msg, .box_container div.main {}
.box_container div.border_out{ margin: 7px 3px 0 3px; border-width: 1px;border-style: solid; border-color: #8db2e3 #fff #fff #8db2e3;}
.box_container div.border_in{ border-width: 1px;border-style: solid; border-color: #fff #8db2e3 #8db2e3 #fff; overflow-y: auto;overflow-x: hidden;}
.box_container div.msg_detail { line-height: 16px;}
.box_container div.msg_detail img { position: absolute;margin-left: 14px;}
.box_container div.msg_detail p { margin: 10px 5px 0 55px;}
.box_container .btns { text-align: right;height: 32px;padding-top: 8px;padding-left: 8px;}
.box_container .btns div { height: 22px; display: inline-block;padding: 0;margin: 0;padding-right: 15px;margin-right: 8px; background-image:url(box/btns.gif);background-repeat: no-repeat; background-position: right -66px; *display: inline;}
.box_container .btns div input { margin: 0;padding: 0;padding-left: 15px; height: 22px;line-height: 20px;font-size: 12px; border: none;background-color: Transparent; background-image:url(box/btns.gif);background-repeat: no-repeat; background-position: left -44px;}
.box_container .btns div.disable { background-position: right -22px;}
.box_container .btns div.disable input { background-position: left top;}
.box_container .btns div.hover { background-position: right -110px;}
.box_container .btns div.hover input { background-position: left -88px;}
.box_container .btns div.down { background-position: right -154px;}
.box_container .btns div.down input { background-position: left -132px;}
.box_preview img{ max-width: 320px; max-height: 240px; }

/* form_uploader.css */
  .swfupload_container { table-layout: fixed; }
    .swfupload_bar_container, .swfupload_btn_container { height: 22px; }
    /* bar */  .swfupload_bar_container { width: 155px; vertical-align: middle; }
  .swfupload_bar, .swfupload_bar_text, .swfupload_bar_name { width: 150px;height: 20px;line-height: 20px; }
  .swfupload_bar { border: 1px solid #B5B8C8; }
  .swfupload_bar_name { padding: 0 3px;width: 144px; border: none;color: #333;border-width: 0; background: #fff url(form/file/swfupload_bar_name_bg.gif) repeat-x; }
  .swfupload_bar_error { border: 1px solid red; }
  .swfupload_bar_error input.swfupload_bar_name { background-position: bottom;color: Red; }
  .swfupload_bar_line { background-image: url(form/file/swfupload_bar_bg.gif); background-repeat: repeat-x; width: 0;height: 20px;font-size: 1px;line-height: 1px; background-position: left 1px; margin-left: 1px;margin-right: 1px; }
  .swfupload_bar_text { text-align: center; }
  .swfupload_bar_text, .swfupload_bar_line { position: absolute; display: none; }
    /* btn */  .swfupload_btn_container { width: 66px; }
      /* status */  .swfupload_status_container { width: 220px; }
  .swfupload_status { color: Red; }
      .swfupload_preview img { max-width: 200px; max-height: 48px; margin: 2px; }
        .beautyFile { height: 22px; }
    .beautyFile .beautyFileFile { position: absolute;z-index: 2; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; }
    .beautyFile .beautyFileInput { padding: 0 3px;width: 144px;height: 20px; border: 1px solid #B5B8C8; color: #333; background: #fff url(form/file/swfupload_bar_name_bg.gif) repeat-x; }
    .beautyFile input, .beautyFile img {vertical-align: middle;}
    .beautyFile img { margin-left: 3px; width: 61px;height: 22px; background: #fff url(form/file/swfupload_btn_bg.gif) repeat-x; }
            .dbox .prompt{ line-height: 20px; display: inline-block; margin: 10px 5px 0 5px;}
.dbox .prompt .prompt_item{ margin-bottom: 3px;}
.dbox .prompt span{ width: 80px; white-space: nowrap; vertical-align: top;}
.dbox .prompt .prompt_img{ position: absolute; margin-left: 245px; margin-top: -3px; border: 1px solid #ccc;}
.dbox .prompt .prompt_img img{ margin: 1px;width: 48px;height: 48px;}
.dbox .prompt input{ color: #333; background-color: #fff; background-repeat: repeat-x; border: 1px solid #B5B8C8; padding: 1px 3px; background-image: url(form/inputbox_bg.gif); height: 18px; width: 178px;}
td.swfupload_preview_container .swfupload_preview { height: auto; float: left;}
.swfupload_preview { overflow-y: auto;height: 55px;}
.swfupload_preview .preview_img{ display: inline-block; width: 50px;height: 50px;margin-right: 5px; border: 1px solid #ccc;}
.swfupload_preview .preview_img img{ width: 48px;height: 48px;margin: 1px;cursor: pointer;}

/* form.css */
/** style **/.input_item{ line-height: 20px; margin-top: 3px; margin-bottom: 3px; display: inline-block; float: left;}
.newline { clear: left;}
.input_item .input_lable{ width: 80px; white-space: nowrap; vertical-align: top;}
.input_item .input_lable label{ margin-left: 8px;}
.input_item .input_text, .input_item textarea, .input_item .input_password{ color: #333; background-color: #fff; background-repeat: repeat-x; border: 1px solid #B5B8C8; padding: 1px 3px;}
.input_item .input_text, .input_item .input_password{ background-image: url(form/inputbox_bg.gif); height: 18px;}
.input_item textarea { background-attachment: scroll; background-image: url(form/text-bg.gif);}
.input_item_hidden_hidden{ display: none;}
.input_item_240{ width: 240px;}
.input_item_240 .input_textarea, .input_item_240 .input_text, .input_item_240 .input_password, .input_item_240 .input_select{ width: 132px;/* 240 - 80 - 20 -8 */}
.input_item_480{ width: 480px;}
.input_item_480 .input_textarea, .input_item_480 .input_text, .input_item_480 .input_password, .input_item_480 .input_select{ width: 372px;/* 480 - 80 - 20 -8 */}
.input_item_hidden_file input.input_text{ width: 132px;position: absolute; position: relative; float: left;}
.input_item_480 .input_textarea{ height: 84px;}
.input_item_600{ width: 600px;}
.input_item_600 .input_textarea, .input_item_600 .input_text, .input_item_600 .input_select{ width: 492px;/* 600 - 80 - 20 -8 */}
.input_item_600 .input_textarea{ height: 140px;}
.input_item_720{ width: 720px;}
.input_item_720 .input_textarea, .input_item_720 .input_text, .input_item_720 .input_select{ width: 612px;/* 720 - 80 - 20 -8 */}
.input_item_720 .input_textarea{ height: 196px;}
.input_item_240 .select_input{ width: 115px;/* 240 - 80 - 20 -8 -17 */}
.input_item_240 .select_div{ width: 132px;/* 240 - 80 - 20 -8 */}
.input_item_480 .select_input { width: 355px;/* 480 - 80 - 20 -8 -17*/}
.input_item_480 .select_div{ width: 372px;/* 480 - 80 - 20 -8 */}
.input_item_600 .select_input { width: 475px;/* 600 - 80 - 20 -8 -17 */}
.input_item_600 .select_div { width: 492px;/* 600 - 80 - 20 -8 */}
.input_item .input_tip{ width: 20px;}
.input_item .input_tip img{ vertical-align: middle;}
.input_item .tip{ color: #888; font-style: italic;}
/* state */.input_item .state_focus .input_text { border-color: #7eadd9; background-position: left -20px;}
.input_item .state_error .input_text, .input_item .state_error .input_password { border-color: #cc3300; background-position: left bottom;}
.input_item .disabled .input_text, .input_item .disabled .input_password{ background-color: #dfe8f6; background-image: none;}
.dbox .frame_title { border-bottom:1px solid #B6C9E3; clear: both; margin: 5px; padding-bottom: 1px; margin-bottom: 3px;}
.input_item .validate{ display: none;position: absolute;}
/*img.validate { position: absolute;margin-top: 3px;margin-left: 3px; width: 16px;height: 16px; background-image: url(widget_form/validate/exclamation.gif);background-repeat: no-repeat; visibility: hidden;}
 */.error_title { position: absolute; z-index:999;}
.error_title .container { margin: 4px 15px 6px 3px;padding-left: 19px;line-height: 16px; background-image: url(form/exclamation.gif);background-repeat: no-repeat;}
/* corner common */.error_title td.corner{ line-height: 1px;background-image: url(form/title_error.gif);}
.error_title td.corner_center { background-color: #fff;line-height: normal;}
/* corner top */.error_title td.corner_top_left { width: 6px;height: 6px; background-position: left -12px;background-repeat: no-repeat;}
.error_title td.corner_top { height: 6px;line-height: normal; background-color: #8fbdee;background-position: top;background-repeat: repeat-x;}
.error_title td.corner_top_right { width: 6px;height: 6px; background-position: right -12px;background-repeat: no-repeat;}
/* corner middle */.error_title td.corner_left { width: 6px; background-position: left -18px;background-repeat: repeat-y;}
.error_title td.corner_right { width: 6px; background-position: right -18px;background-repeat: repeat-y;}
/* corner bottom */.error_title td.corner_bottom_left { width: 6px;height: 6px; background-position: left bottom;background-repeat: no-repeat;}
.error_title td.corner_bottom { height: 6px; background-position: left -6px;background-repeat: repeat-x;}
.error_title td.corner_bottom_right { width: 6px;height: 6px; background-position: right bottom;background-repeat: no-repeat;}
.actionForm .btns { padding: 15px 0 0 80px;}
.actionForm .button { display: inline-block;float: left;margin-right: 15px;}
.actionForm .button input { width: 55px;height: 20px;line-height: 20px; background-image:url(form/button/btn_s_bg.gif);background-repeat: no-repeat; border: none;}
.actionForm .button input:hover { color: #666;cursor: pointer;}
.input_editor_mini{ width: 640px; height: 120px;}
.input_editor{ width: 640px; height: 240px;}
.select_input{ color: #333; background-color: #fff; background-repeat: repeat-x; border: 1px solid #B5B8C8; padding: 1px 3px; background-image: url(form/select/inputbox_bg.gif); height: 18px;}
.input_item .select_button { width: 17px;height: 21px;_margin-top: 2px;vertical-align: top; background-image: url(form/select/select_btn.gif);background-repeat: no-repeat;background-position: left top; border-bottom: 1px solid #b5b8c8;}
.input_item .hover .select_button { background-position: -17px top; border-color: #7eadd9;}
.input_item .down .select_button { background-position: -34px top; border-color: #7eadd9;}
.select_div { position: absolute;overflow: hidden;overflow-y: auto;background-color: White;border: 1px solid #ccc;margin-top: 22px; z-index: 99; max-height: 300px;}
.select_div ul li {padding-left: 2px;}
 .select_div ul li.hover{ background-color: #cedbef;}
.select_div li.selected{ background-color: #a8c6ee;}
div.br{ height: 0px;line-height: 0px;}

/* grid.css */
.t_grid {background-color: #fff;}
.t_container {overflow: hidden;}
    .t_container table {table-layout: fixed;display: table;}
     .t_container table th,     .t_container table td {text-align: left;white-space: nowrap;overflow: hidden;}
     .t_container .t_body {overflow-x: hidden;overflow-y: auto;}
          .t_container td{ color: #333;}
.t_container td div { margin-left: 6px; margin-right: 6px;}
.t_header td{ height: 24px;line-height: 24px;}
.t_footer td{ height: 9px;line-height: 9px;}
.t_header, .t_footer{ background-color: #f9f9f9; background-repeat: repeat-x;}
.t_header { background-image: url(grid/header_bg.gif) ;}
.t_footer{ background-image: url(grid/footer_bg.gif) ;}
.t_header td, .t_footer td { background-repeat: no-repeat;background-position: right; background-image: url(grid/td_bg.gif);}
.t_body tr { height: 28px;}
.t_body td { vertical-align: middle;}
.t_body tr.odd td{ border-top: 1px solid #fff; border-bottom: 1px solid #ededed;}
.t_body tr.even td{ border-top: 1px solid #fff; border-bottom: 1px solid #ededed;}
.t_body tr.row_1 td{ border-top-width: 0;}
.t_body tr.even { background-color: #eff3fa;}
.t_body tr:hover td, .t_body tr.hover td{ background-color: #cedbef;}
.t_body tr.selected td{ background-color: #a8c6ee;}
.t_container td.col_checkbox { width: 30px;text-align: center;}
.t_body td.col_checkbox { background-position: right; background-image: url(grid/checkbox_bg.gif);}
.t_body img.picon { margin: 3px 0;line-height: 0;}
.t_body td.col_deal { line-height: 1px;}
.t_header img.corder { margin-left: 3px; width: 9px;height: 5px;display: inline-block; background-repeat: no-repeat;}
.t_header img.corder_asc {background-image: url(grid/orderDir.gif);background-position: 0 0;}
.t_header img.corder_desc {background-image: url(grid/orderDir.gif);background-position: 0 -5px;}
.t_loading{ margin: 40px 60px;}
.t_loading span { display: none;}
.t_nodata { color: #999;margin: 40px 60px;}
.t_error { color: #999;margin: 40px 60px;}
.t_pager{ border-top: 1px solid #fff; background-color: #ecedef; height: 26px;padding-left: 2px;overflow: hidden; color: #666;}
.t_pager div.t_pager_text { float: right;padding-right: 6px; line-height: 26px;white-space: nowrap;}
.t_pager div.t_pager_btns { float: left;display: inline-block; height: 26px;}
.t_pager a, .t_pager img, .t_pager span{ vertical-align: middle;}
img.t_pager_btn { margin: 5px 3px;}
.t_pager a { width: 22px;height: 26px;display: inline-block;}
.t_pager a:hover{ background-image: url(grid/btn_bg.gif); background-position: left 2px; background-repeat: no-repeat;}
img.t_pager_btn { width: 16px;height: 16px;display: inline-block; background-image: url(grid/pager.gif); background-repeat: no-repeat;}
a img.t_pager_first {background-position: 0 0;}
 img.t_pager_first {background-position: -16px 0;}
a img.t_pager_last {background-position: -32px 0;}
 img.t_pager_last {background-position: 0 -16px;}
a img.t_pager_next {background-position: -16px -16px;}
 img.t_pager_next {background-position: -32px -16px;}
a img.t_pager_prev {background-position: 0 -32px;}
 img.t_pager_prev {background-position: -16px -32px;}
img.t_pager_refresh {background-image: url(grid/refresh.gif);}
img.pager_split{ width: 2px;height: 16px; background-image: url(grid/pager-split.gif); background-repeat: no-repeat; background-position: left center;}
.tools{ height:25px;z-index:2;font-size: 12px; border-top: 1px solid #8db2e3; /*border-bottom: 1px solid #8db2e3;*/  border-bottom: 1px solid #8db2e3; background-color: #d3e0f2; background-image: url(grid/b3_bg.gif); background-repeat: repeat-x; }
 .tools .b3{margin-left: 4px;height: 21px;line-height: 21px;margin-top: 2px;}
 .tools .b3 li{display:inline;height:21px;float:left;margin-left: 9px;padding-right: 13px;}
   .tools .b3 li a{display:block;float: left;margin-right: 3px;text-decoration: none;padding-left: 20px;}
  .tools .b3 li a span{display:block;margin-left: 5px;padding-right: 3px;color: #666;}
  .tools .b3 li a:hover span{color: #000;}
  .tools .b3 li img{position: absolute;margin-top: 2px;margin-left: -17px;}
.tools li{ background-image: url( grid/b3_sp.gif); background-position: right 5px; background-repeat: no-repeat;}
.tools li.last{ background: none;}
.tools li a:hover{ background-image: url(grid/b3_hover_bg.gif); background-position: left top; background-repeat: no-repeat;}
.tools li a:hover span{ background-image: url(grid/b3_hover_bg.gif); background-position: right top; background-repeat: no-repeat;}
.searchs{}
.searchs { position: absolute;right: 4px;margin-top: 3px;}
.searchs select, .searchs input, .searchs button { vertical-align: middle;}
.searchs select { line-height: 17px;height: 19px;border: 1px solid #8eb0de; }
.search_btn { position: absolute;margin-left: 92px;margin-top: 1px;width: 18px;height: 17px; text-indent: -3999px;border: none; background-image: url(grid/main_searchbox_button.gif); background-repeat: no-repeat; background-color: Transparent;}
.search_text { border: 1px solid #8eb0de;width: 81px;height: 15px;overflow: hidden;padding: 1px 24px 1px 4px;background-repeat: no-repeat;}
.box_container .searchs{ right: 15px;}
.box_container .tools{ border-top: 1px solid transparent; background-image: none;}

/* gridimage.css */
.rad3{ -moz-border-radius: 3px;/* Firefox */  -webkit-border-radius: 3px;/* Safari, Chrome */  -khtml-border-radius: 3px;/* Konqueror */  border-radius: 3px;/* Opera 10.50 and later (CSS3 standard) */}
.i_grid .t_body{ background-color: #dfe8f6;}
.i_grid ul{ margin: 15px 15px 15px 15px;}
.i_grid_li{ display: inline-block; width: 170px; margin: 0 15px 15px 0; border: 1px solid #ccc; background-color: #fff;}
.i_grid_item{}
  .i_grid_item_title { padding: 0 4px; height: 25px;overflow: hidden; text-align: center;line-height: 25px; color: #444; background-color: #dfe8f6; }
  .i_grid_item_imgc { vertical-align: middle; text-align: center; margin: 4px; }
    .i_grid_item_imgc_img { display: inline-block; margin-left: auto;margin-right: auto; max-width: 160px;max-height: 240px; border: 1px solid #ddd; }
  .i_grid_item_icons { text-align: center; padding: 4px 0; height: 22px; }

